<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-10-17 16:06
  PageName：d_imageStyle_Width.html
  Function：图像边框 - 边框宽度
  URL：http://localhost:8080/f_image/f2_image_Style/d_imageStyle_Width.html
-->

<head>
    <meta charset="UTF-8">
    <title>图像边框 - 边框宽度</title>

    <style type="text/css">
        img {
            width: 260px; /* 宽度 */
            border-style: solid dashed dotted double; /* 顶边实线、右边虚线、底边点线、左边双线 */
            border-width: 10px 20px 30px 40px; /* 顶边10px、右边20px、底边30px、左边40px */
            border-color: red blue green yellow; /* 顶边红色、右边蓝色、底边绿色、左边黄色 */
        }
    </style>
</head>

<body>
<img src="images/TD.jpg"/>
</body>
</html>